<style type="text/css">
    .bjui-pageHeader{
        font-size: 18px;
        font-weight: bold;
    }
    .form{
        padding: 15px;
    }
    .form dl {
        overflow: hidden;
        padding-top: 15px;
    }

    .form dt {
        color: #666;
        float: left;
        font-size: 14px;
        padding: 3px 0 0;
        width: 11%;
    }
    .form dd {
        float: left;
        line-height: 22px;
    }
    dd.desc {
        height: 30px;
        padding: 0 10px;
        width: 150px;
    }
</style>
<div class="bjui-pageHeader">
    <div class="glyphicon glyphicon-th-large">幻灯片设置</div>
</div>
<div class="bjui-pageContent">
            <div class="form">
           

            <style>.uploadify {background: url("__PUBLIC__/UI/plugins/uploadify/scripts/uploadico.gif")  5px center  no-repeat;    color: #999;border: none;position:relative; }.uploadify:hover {background: url("__PUBLIC__/uploadify/uploadico.gif") 5px center no-repeat;}</style>
           
            <script type="text/javascript">
                $(function() {
                    $('#pic1').uploadify({
                        'fileSizeLimit' : '3000KB',
                        'buttonText' :'点击上传图片',
                        'buttonClass' : 'uploadify',
                        'swf'      : '__PUBLIC__/UI/plugins/uploadify/scripts/uploadify.swf',
                        'uploader' : "{:U('Site/upload')}",
                        'width':'250',
                        'fileTypeDesc' : 'Image Files',
                        'fileTypeExts' : '*.gif; *.jpg; *.bmp; *.jpeg; *.png',
                        'multi': false,
                        'auto' : true,
                        'formData' : { 'session_id' : '<?php echo session_id();?>' },
                        onUploadSuccess : function(file, data, response) {
                            var msg = $.parseJSON(data);
                            if (msg.status) {
                              $('#upload_preview').attr('src',msg.path);
                              $('#img1').attr('value',msg.path);

                            }else{
                              alert(data.msg);
                            }                  
                               
                      }
                    });
                });
            </script>

            <script type="text/javascript">
                $(function() {
                    $('#pic2').uploadify({
                        'fileSizeLimit' : '3000KB',
                        'buttonText' :'点击上传图片',
                        'buttonClass' : 'uploadify',
                        'swf'      : '__PUBLIC__/UI/plugins/uploadify/scripts/uploadify.swf',
                        'uploader' : "{:U('Site/upload')}",
                        'width':'250',
                        'fileTypeDesc' : 'Image Files',
                        'fileTypeExts' : '*.gif; *.jpg; *.bmp; *.jpeg; *.png',
                        'multi': false,
                        'auto' : true,
                        'formData' : { 'session_id' : '<?php echo session_id();?>' },
                        onUploadSuccess : function(file, data, response) {
                            var msg = $.parseJSON(data);
                            if (msg.status) {
                              $('#upload_preview2').attr('src',msg.path);
                              $('#img2').attr('value',msg.path);

                            }else{
                              alert(data.msg);
                            }                  
                               
                      }
                    });
                });
            </script>
                        <script type="text/javascript">
                $(function() {
                    $('#pic3').uploadify({
                        'fileSizeLimit' : '3000KB',
                        'buttonText' :'点击上传图片',
                        'buttonClass' : 'uploadify',
                        'swf'      : '__PUBLIC__/UI/plugins/uploadify/scripts/uploadify.swf',
                        'uploader' : "{:U('Site/upload')}",
                        'width':'250',
                        'fileTypeDesc' : 'Image Files',
                        'fileTypeExts' : '*.gif; *.jpg; *.bmp; *.jpeg; *.png',
                        'multi': false,
                        'auto' : true,
                        'formData' : { 'session_id' : '<?php echo session_id();?>' },
                        onUploadSuccess : function(file, data, response) {
                            var msg = $.parseJSON(data);
                            if (msg.status) {
                              $('#upload_preview3').attr('src',msg.path);
                              $('#img3').attr('value',msg.path);

                            }else{
                              alert(data.msg);
                            }                  
                               
                      }
                    });
                });
            </script>
                        <script type="text/javascript">
                $(function() {
                    $('#pic4').uploadify({
                        'fileSizeLimit' : '3000KB',
                        'buttonText' :'点击上传图片',
                        'buttonClass' : 'uploadify',
                        'swf'      : '__PUBLIC__/UI/plugins/uploadify/scripts/uploadify.swf',
                        'uploader' : "{:U('Site/upload')}",
                        'width':'250',
                        'fileTypeDesc' : 'Image Files',
                        'fileTypeExts' : '*.gif; *.jpg; *.bmp; *.jpeg; *.png',
                        'multi': false,
                        'auto' : true,
                        'formData' : { 'session_id' : '<?php echo session_id();?>' },
                        onUploadSuccess : function(file, data, response) {
                            var msg = $.parseJSON(data);
                            if (msg.status) {
                              $('#upload_preview4').attr('src',msg.path);
                              $('#img4').attr('value',msg.path);

                            }else{
                              alert(data.msg);
                            }                  
                               
                      }
                    });
                });
            </script>
                        <script type="text/javascript">
                $(function() {
                    $('#pic5').uploadify({
                        'fileSizeLimit' : '3000KB',
                        'buttonText' :'点击上传图片',
                        'buttonClass' : 'uploadify',
                        'swf'      : '__PUBLIC__/UI/plugins/uploadify/scripts/uploadify.swf',
                        'uploader' : "{:U('Site/upload')}",
                        'width':'250',
                        'fileTypeDesc' : 'Image Files',
                        'fileTypeExts' : '*.gif; *.jpg; *.bmp; *.jpeg; *.png',
                        'multi': false,
                        'auto' : true,
                        'formData' : { 'session_id' : '<?php echo session_id();?>' },
                        onUploadSuccess : function(file, data, response) {
                            var msg = $.parseJSON(data);
                            if (msg.status) {
                              $('#upload_preview5').attr('src',msg.path);
                              $('#img5').attr('value',msg.path);

                            }else{
                              alert(data.msg);
                            }                  
                               
                      }
                    });
                });
            </script>

          <form action="{:U('Site/sitePics')}" method='post' data-toggle="validate">
             <table>

                 <tr>
                      <td><img src="{$Think.config.img1|default_banner}" width="200px" height="100px" id="upload_preview"></td>
                      <td><input name="pic1" id="pic1" type="hidden" ></td>
                      <td><input name="img1" id="img1" type="hidden" value="{$Think.config.img1}"></td>
                      <td>连接地址：<input name="link1" id="link1" type="text" value="{$Think.config.link1}"></td>
                      <td>标题：<input name="title1" id="title1" type="text" value="{$Think.config.title1}"></td>
                 </tr>
             </table>
             <table>
                 <tr>
                      <td><img src="{$Think.config.img2|default_banner}" width="200px" height="100px" id="upload_preview2"></td>
                      <td><input name="pic2" id="pic2" type="hidden" ></td>
                      <td><input name="img2" id="img2" type="hidden" value="{$Think.config.img2}"></td>
                      <td>连接地址：<input name="link2" id="link2" type="text" value="{$Think.config.link2}"></td>
                      <td>标题：<input name="title2" id="title2" type="text" value="{$Think.config.title2}"></td>
                 </tr>
             </table>
             <table>
                 <tr>
                      <td><img src="{$Think.config.img3|default_banner}" width="200px" height="100px" id="upload_preview3"></td>
                      <td><input name="pic3" id="pic3" type="hidden" ></td>
                      <td><input name="img3" id="img3" type="hidden" value="{$Think.config.img3}"></td>
                      <td>连接地址：<input name="link3" id="link3" type="text" value="{$Think.config.link3}"></td>
                      <td>标题：<input name="title3" id="title3" type="text" value="{$Think.config.title3}"></td>
                 </tr>
             </table>
             <table>
                 <tr>
                      <td><img src="{$Think.config.img4|default_banner}" width="200px" height="100px" id="upload_preview4"></td>
                      <td><input name="pic4" id="pic4" type="hidden" ></td>
                      <td><input name="img4" id="img4" type="hidden" value="{$Think.config.img4}"></td>
                      <td>连接地址：<input name="link4" id="link4" type="text" value="{$Think.config.link4}"></td>
                      <td>标题：<input name="title4" id="title4" type="text" value="{$Think.config.title4}"></td>
                 </tr>
             </table>
             <table>
                 <tr>
                      <td><img src="{$Think.config.img5|default_banner}" width="200px" height="100px" id="upload_preview5"></td>
                      <td><input name="pic5" id="pic5" type="hidden" ></td>
                      <td><input name="img5" id="img5" type="hidden" value="{$Think.config.img5}"></td>
                      <td>连接地址：<input name="link5" id="link5" type="text" value="{$Think.config.link5}"></td>
                      <td>标题：<input name="title5" id="title5" type="text" value="{$Think.config.title5}"></td>
                 </tr>
             </table>
           </form>
        </div>
</div>
<div class="bjui-pageFooter">
    <ul>
        <li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
                <li><button data-icon="save" class="btn btn-default" type="submit">保存</button></li>
    </ul>
</div>